import React, { Component } from 'react'
// 7.组件中使用状态管理器中的数据
// 引入状态管理器 --- 单一数据源
import store from './store'
export default class List1 extends Component {
  render() {
    console.log(store)
    return (
      <div>
        list1
        <button onClick = { () => {
          // 9.改变数据
          store.dispatch({
            type: 'CHANGE_LIST',
            payload: [4, 5, 6]  // 载荷
          })
        }}>改变数据</button>
        {
          // 8.渲染数据
          store.getState().list.map((item, index) => {
            return (
              <div key = { index }> { item } </div>
            )
          })
        }
      </div>
    )
  }
}
